<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>微博首页</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/footer.css">
</head>
<body>
    <nav>
        <div class="nav-left">
            <a href="" class="logo">
                <img src="./image/WB_logo.png" alt="">
            </a>
            <div id="input">
                <div class="inputs">
                    <input type="text" id="search">
                    <a href="">
                        <span class="iconfont icon-sousuo"></span>
                    </a>
                </div>
                <div id="searchdrop">
                    <ul>
                        <li>
                            <a href="">
                                <span>查看完整热搜榜</span>
                                <span class="iconfont icon-iconfontmore"></span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span>1</span>
                                <span class="span"></span>
                                <span class="spanlast"></span>
                            </a>
                            
                        </li>
                        <li>
                            <a href="">
                                <span>2</span>
                                <span class="span"></span>
                                <span class="spanlast"></span>
                            </a>
                            
                        </li>
                        <li>
                            <a href="">
                                <span>3</span>
                                <span class="span"></span>
                                <span class="spanlast"></span>
                            </a>
                            
                        </li>
                        <li>
                            <a href="">
                                <span>4</span>
                                <span class="span"></span>
                                <span class="spanlast"></span>
                            </a>
                            
                        </li>
                        <li>
                            <a href="">
                                <span>5</span>
                                <span class="span"></span>
                                <span class="spanlast"></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="nav-right">
            <ul id="right">
                <li>
                    <a href="">
                        <span class="iconfont icon-iconfonthome"></span>
                        <span>首页</span> 
                    </a>
                </li>
                <li>
                    <a href="./video.html" target="_black">
                        <span class="iconfont icon-shipinbofangyingpian"></span>
                        <span>视频</span>
                    </a>
                </li>
                <li>
                    <a href="./game.html" target="_black">
                        <span class="iconfont icon-youxi"></span>
                        <span>游戏</span>
                    </a>
                </li>
                <li id="backgr">
                    <a href="">
                        <span class="iconfont icon-web-icon-"></span>
                        <span>背景</span>
                    </a>
                    <div id="background">
                        <p id="white">
                            白天
                        </p>
                        <p href="" id="black">
                            黑夜
                        </p>
                    </div>
                </li>
                <li>
                    <a href="./register.html" target="_black">
                        <span>注册</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span>登录</span>
                    </a>
                    <div id="navdl">
                        <div class="navdl">
                            
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </nav>

    <!-- 首页 -->
    <main>
        <!-- 首页左侧 -->
        <div id="main-left">
            <ul id="lefts">
                <li id="remen">热门</li>
                <li>头条</li>
                <li>热门</li>
                <li>头条</li>
                <li>热门</li>
                <li>头条</li>
                <li>热门</li>
                <li>头条</li>
                <li>热门</li>
                <li>头条</li>
                <li>热门</li>
            </ul>
        </div>

        <!-- 首页中间 -->
        <div id="main-conter">
            <!-- <div id="carouselExampleInterval" class="carousel slide image" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleInterval" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleInterval" data-slide-to="1"></li>
                    <li data-target="#carouselExampleInterval" data-slide-to="2"></li>
                </ol>
                <div class="image1">
                    <div class="carousel-inner">
                        <div class="carousel-item active item1" data-bs-interval="5000">
                            <img src="./image/1.jpg" class="img1" alt="">
                            <img src="./image/3.jpg" class="img2" alt="">
                            <img src="./image/5.jpg" class="img3" alt="">
                            <p class="content1">#玩游戏可以做公益吗#</p>
                            <span class="content1_item">3.6万讨论</span>
                            <span class="content2_item">4.5亿阅读</span>
                            <span class="content2">#20岁女生长期熬夜诱发癫痫#</span>
                            <span class="content3">#小学生现在已经不在是孩子#</span>
                        </div>
                        <div class="carousel-item item2" data-bs-interval="3000">
                            <img src="./image/6.jpg" class="img1" alt="">
                            <img src="./image/7.jpg" class="img2" alt="">
                            <img src="./image/a1.jpg" class="img3" alt="">
                        </div>
                        <div class="carousel-item item3">
                            <img src="./image/a2.jpg" class="img1" alt="">     
                            <img src="./image/a3.jpg" class="img2" alt="">
                            <img src="./image/a4.jpg" class="img3" alt="">
                        </div>
                    </div>
                </div>
            </div> -->

            <!-- 轮播图 -->
            <div id="carousels"></div>


            <div class="weidu">
                您有未读内容，点击查看
                <span class="iconfont icon-cuo"></span>
            </div>
            <div id="articles">

            </div>
        </div>

        <!-- 首页右侧 -->
        <div id="main-right">
            <div id="dlzc">
                <ul id="dlzc-title">
                    <li id="zh">
                        <a href="javascript:void(0)">账号登录</a> 
                    </li>
                    <li id="aq">
                        <a href="javascript:void(0)">安全登录</a>
                    </li>
                    <li id="change"></li>
                    <li id="change1"></li>
                </ul>
                <ul id="dl">
                    <li id="dlzc-zhdl">
                        <p>
                            <span class="iconfont icon-iconfontwo"></span>
                            <input type="text" placeholder="手机号码，仅支持大陆手机" id="dlsj">
                        </p>
                        <p>
                            <span class="iconfont icon-iconfontwo"></span>
                            <input type="password" placeholder="请输入密码" id="qsrmm">
                        </p>
                        <p>
                            <input type="checkbox">
                            <span>记住我</span>
                            <span>忘记密码</span>
                        </p>
                        <button>登录</button>
                        <p>
                            <span>还没有微博？</span>
                            <a href="./register.html" target="_block">
                                <span>立即注册！</span>
                            </a>
                        </p>
                    </li>
                    <li id="dlzc-aqdl">
                        <div id="aqdl-conter">
                            <img src="./image/gen.png" alt="">
                            <p>请用最新版微博客户端扫码</p>
                        </div>
                        <p>
                            <span>还没有微博？</span>
                            <a href="">
                                <span>立即注册！</span>
                            </a>
                        </p>
                        <div id="saoma"></div>
                    </li>
                    <li id="dlzc-sjdl">
                        <p>
                            <span class="iconfont icon-iconfontwo"></span>
                            <input type="text" placeholder="手机号码，仅支持大陆手机">
                        </p>
                        <p>
                            <button>获取短信验证码</button>
                            <input type="text" placeholder="短信验证码">
                        </p>
                        <p>
                            <input type="checkbox">
                            <span>记住我</span>
                            <span>忘记密码</span>
                        </p>
                        <button>登录</button>
                        <p>
                            <span>还没有微博？</span>
                            <a href="">
                                <span>立即注册！</span>
                            </a>
                        </p>
                    </li>
                    <!-- 登录成功页面 -->
                    <li id="cgdl">
                        <img src="./image/001_s.jpg" alt="">
                        <div id="grtx">
                            <a href="">
                                <img src="./image/006rAqOtly8gqkpr3dd3lj30ru0ruwg7.jpg" alt="">
                            </a>
                        </div>
                        <div id="nicheng">
                            <a href="">
                                <p>不肯冬眠的小熊</p>
                            </a>
                            <ul>
                                <li>
                                    <p>210</p>
                                    <p>关注</p>
                                </li>
                                <li>
                                    <p>2</p>
                                    <p>粉丝</p>
                                </li>
                                <li>
                                    <p>4</p>
                                    <p>微博</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </main>

    <!-- 底部 -->
    <footer id="footer">
        <div id="footer-top">
            <dl>
                <dt>微博精彩</dt>
                <dd>
                    <a href="">热门微博</a>
                    <a href="">热门话题</a>
                </dd>
                <dd>
                    <a href="">热门微博</a>
                    <a href="">热门话题</a>
                </dd>
                <dd>
                    <a href="">热门微博</a>
                    <a href="">热门话题</a>
                </dd>
            </dl>
            <dl>
                <dt>手机玩微博</dt>
                <dd>
                    <img src="./image/footer_code_v2.png" alt="">
                </dd>
                <dd>
                    <span id="dibu">扫码下载，更多版本戳这里</span>
                </dd>
            </dl>
            <dl>
                <dt>微博精彩</dt>
                <dd>
                    <a href="">热门微博</a>
                    <a href="">热门话题</a>
                </dd>
                <dd>
                    <a href="">热门微博</a>
                    <a href="">热门话题</a>
                </dd>
                <dd>
                    <a href="">热门微博</a>
                    <a href="">热门话题</a>
                </dd>
                <dd>
                    <a href="">热门微博</a>
                    <a href="">热门话题</a>
                </dd>
            </dl>
            <dl>
                <dt>微博精彩</dt>
                <dd>
                    <a href="">热门话题</a>
                </dd>
                <dd>
                    <a href="">热门话题</a>
                </dd>
                <dd>
                    <a href="">热门话题</a>
                </dd>
                <dd>
                    <a href="">热门话题</a>
                </dd>
            </dl>
        </div>
        <div id="footer-but">
            <p>
                <a href="">
                    <img src="./image/weibo.png" alt="" id="weibodibu">
                    <span>微博客服</span>
                    
                </a>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
            </p>
            <p>
                <a href="">
                    <i></i>
                    微博客服
                </a>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
            </p>
            <p>
                <a href="">
                    <i></i>
                    微博客服
                </a>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
            </p>
            <p>
                <a href="">
                    <i></i>
                    微博客服
                </a>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <span>客服热线</span>
                <a href="">
                    <img src="./image/jinghuitu.png" alt="">
                    京公网安备11000002000019号
                </a>
            </p>
        </div>
    </footer>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/jquery-1.12.4.js"></script>
    <script src="./js/header.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/register.js"></script>
    <script src="./js/article.js"></script>
    <script src="./js/lunbo.js"></script>
</body>
</html>